 /*
          查询用户购物车中的商品 接口

      接口地址：http://jx.xuzhixiang.top/ap/api/cart-list.php
      接口请求方式：get
      接口参数：
           id  用户id

      使用方式
           获取id为1的用户的购物车
           http://jx.xuzhixiang.top/ap/api/cart-list.php?id=1

      服务器返回json数据
          */
      let uid = localStorage.getItem("id");
      console.log(uid);
      let url = "http://jx.xuzhixiang.top/ap/api/cart-list.php";
      axios.get(url, { params: { id: uid } }).then((r) => {
        console.log(r.data);
        let cartArr = r.data.data;
        console.log(cartArr);
        localStorage.setItem("_date", cartArr);
        let liArr = cartArr.map(
          (v) => `
            <li>
                <p>${v.pname}</p></br>
                <img src="${v.pimg}" alt="" /></br>
                <p>${v.pprice}</p></br>
                <p>${v.pdesc}</p></br>
                <input type="number" value="${v.pnum}" min="1" onchange="pnumChange(${v.pid},this)">
                <button onclick="delClick(${v.pid},this)">删除</button>
            </li>
          `
        );
        document.querySelector("#clist").innerHTML = liArr;
      });

      //  ? 删除
      async function delClick(pid, btn) {
        console.log(pid);
        console.log(btn);
        /* 
        删除用户购物车中的商品 接口

    接口地址：http://jx.xuzhixiang.top/ap/api/cart-delete.php
    接口请求方式：get
    接口参数：
         uid  用户id
         pid  商品id

    使用方式
         删除用户1中的 id为1商品
         http://jx.xuzhixiang.top/ap/api/cart-delete.php?uid=1&pid=1

    服务器返回json数据
        */
        console.log(uid);
        let url = "http://jx.xuzhixiang.top/ap/api/cart-delete.php";
        let r1 = await axios.get(url, { params: { uid, pid } });
        console.log(r1.data);
        alert(r1.data.msg);
        btn.parentNode.remove();
      }

      /* 
      更新购物车中商品数量 接口

    接口地址：http://jx.xuzhixiang.top/ap/api/cart-update-num.php
    接口请求方式：get
    接口参数：
         uid  用户id
         pid  商品id
         pnum  要添加的商品数量

    使用方式

         http://jx.xuzhixiang.top/ap/api/cart-update-num.php?uid=1&pid=1&pnum=1

    服务器返回json数据
      */
      async function pnumChange(pid, ipt) {
        console.log(pid);
        console.log(ipt);
        let pnum = ipt.value;
        let url = "http://jx.xuzhixiang.top/ap/api/cart-update-num.php";
        let r2 = await axios.get(url, { params: { uid, pid, pnum } });
        console.log(r2.data);
      }